<template>
    <div>

        <Row>
            <Col span="6">
                <span>类型：</span>
                <Select v-model="model1" style="width:200px">
                    <Option v-for="item in cityList" :value="item.value" :key="item.value">{{item.label}}</Option>
                </Select>

            </Col>
            <Col span="6">
                <span>标题：</span>
                <Input v-model="value" placeholder="" style="width: 200px" />
            </Col>
            <Col span="6">

                <Button type="primary" icon="ios-search">搜索</Button>
            </Col>
        </Row>
        <br>
        <Table border :columns="columns7" :data="data6"></Table>
        <Modal
                v-model="modal1"
                title="详情">
            <Form ref="paramData" :model="paramData"  >
                <Row class="item1">
                    <Col span="6" style="text-align: right" class="">类型:</Col>
                    <Col span="12" offset="1">{{datas.kind}}</Col>
                </Row>
                <Row class="item1">
                    <Col span="6" style="text-align: right" class="red-name">标题:</Col>
                    <Col span="12" offset="1">{{datas.tital}}</Col>
                </Row>
                <Row class="item1" style="height:auto;line-height:auto">
                    <Col span="6" style="text-align: right" class="">内容:</Col>
                    <Col span="12" offset="1">{{datas.new}}</Col>
                </Row>
                <Row class="item1">
                    <Col span="6" style="text-align: right" class="red-name">发布人:</Col>
                    <Col span="12" offset="1">{{datas.fabupel}}</Col>
                </Row>
            </Form>
       <!-- <p>类型：{{datas.kind}}</p>
        <p>标题：{{datas.kind}}</p>
            <p>内容：{{datas.kind}}</p>
        <p>发布人：{{datas.kind}}</p>-->

        </Modal>
    </div>
</template>

<script>

export default {
  data () {
    return {
      value: '',
      datas: '',
      modal1: false,
      cityList: [
        {
          value: '全部',
          label: '全部'
        },
        {
          value: '法律法规',
          label: '法律法规'
        }

      ],
      model1: '',
      columns7: [
        {
          title: '序号',
          type: 'index',
          width: 100

        },
        {
          title: '标题',
          key: 'tital'

        },
        {
          title: '发布人',
          key: 'fabupel'
        },
        {
          title: '发布时间',
          key: 'time'
        },
        {
          title: '操作',
          key: 'action',
          width: 150,
          align: 'center',
          render: (h, params) => {
            return h('div', [
              h('Button', {
                props: {
                  type: 'primary',
                  size: 'small'
                },
                style: {
                  marginRight: '5px'
                },
                on: {
                  click: () => {
                    this.show(params.row)
                  }
                }
              }, '详情')
            ])
          }
        }
      ],
      data6: [
        {
          tital: '《意见》对社区社会组织如何分类指导？',
          fabupel: '民政总账号',
          time: '2019-06-26 22:11:02',
          kind: '法律法规',
          new: '目前存量的社区社会组织中，小部分达到登记条件的依法办理了登记手续，但也同时存在大量未达到登记条件的社区社会组织，无法依法纳入民政部门登记管理。这些“草根”组织发展迅速，扎根社区，骨干成员大多是本地居民，适宜由街道办（乡镇政府）和社区（村）居委会负起责任。为此，《意见》根据中央有关文件精神，按照组织化程度高低，细化了分类指导的思路：一是能登记的依法到所在地县级人民政府民政部门办理登记；二是达不到登记条件的，由街道办事处（乡镇政府）按照不同规模、业务范围、成员构成和服务对象实施管理；三是对主要在单个社区活动的规模小、临时性、松散的组织，由社区党组织领导，基层群众性自治组织对其活动进行指导和管理。同时，《意见》鼓励在街道（乡镇）成立社区社会组织联合会、社区社会组织服务中心等枢纽型组织，发挥管理服务协调作用，规范社区社会组织行为，提供资源支持、承接项目、代管资金、人员培训等服务。'
        },
        {
          tital: '《办法》的主要内容有哪些？',
          fabupel: '民政总账号',
          time: '2019-06-26 22:09:03',
          kind: '法律法规',
          new: '《办法》共26条，以建立信用约束为核心，主要分为五部分内容。一是明确社会组织信用信息范畴；二是规定社会组织信用信息管理的基本原则；三是规定活动异常名录和严重违法失信名单的具体情形；四是确定信用监管的程序要求，包括认定程序、移出程序、异议处理等；五是明确守信激励和失信惩戒措施。'
        },
        {
          tital: '慈善信息为何公开',
          fabupel: '民政总账号',
          time: '2019-06-26 22:08:03',
          kind: '法律法规',
          new: '公开透明是慈善事业的基本要求。慈善财产虽然来源于私有，但参与公共事务、涉及公众利益，一旦捐出就成为社会公共财产，慈善捐赠、慈善活动又享受国家、社会给予的各种优惠便利，必须依靠公开透明来接受全社会监督。慈善组织是接受慈善捐赠、开展慈善活动的主体。因此，办法通过规范慈善组织的信息公开行为，与慈善法的其他配套规章形成合力，保护捐赠人、志愿者、受益人的合法权益，维护社会公众的知情权，促进慈善事业健康发展。'
        },
        {
          tital: '社会组织对信用管理有异议的如何处理？',
          fabupel: '民政总账号',
          time: '2019-06-26 22:07:02',
          kind: '法律法规',
          new: '社会组织对自身信用信息、活动异常名录和严重违法失信名单有异议的，可以向负责的登记管理机关提出书面申请并提交相关证明材料。登记管理机关经核实发现存在错误的，应当及时予以更正；经核实后作出不予更改决定的，应当书面告知申请人并说明理由。'
        }
      ]

    }
  },
  methods: {
    show (parma) {
      this.modal1 = true
      this.datas = parma
    }

  }
}
</script>

<style scoped>

</style>
